<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购试做</title>
    <!-- 1. 引入插件样式 -->
    <link rel="stylesheet" href="css/cashier.css">
    <!-- 1. 引入插件样式 -->
    
    <style>
    </style>
</head>

<body>
    <!--开始排版-->
    <!--顶部通栏-->
    <header class="topl cf">
        <div class="contents top1">
            <a href="index.html" class="wz">legochina.cn</a>
            <p>欢迎光临<a href="index.html">乐购</a>，请
                <a href="login.html">登录</a><span>\</span>
                <a href="post.html" id="post">注册</a>
            </p>
        </div>
        
        <!--顶部导航栏-->
    </header>
    <div class="contents topnav cf">
        <img src="images/check001.jpg" class="logo">
        

    </div>
   <!--主要内容1生成     -->
      
       <div class="contents msg1">
<p>订单提交成功，请尽快付款！ 订单编号：91000234567<a href="##">订单详情</a></p>
       </div>
   
    <!-- 主要内容2生成 -->
    <div class="contents msg2 cf">
        <p class="fl">请您在订单提交<span>24</span>小时内付款，否则将会取消订单</p>
        <p class="fr msg01">应付金额：<span>47.00</span></p>
               </div>
    <!-- 主要内容3生成 -->
    <div class="contents msg3 cf">
        <p><a href="##">乐购支付</a><span>以下方式由乐购支付提供</span></p>
    </div>
        
     <!-- 主要内容4生成 -->
     <div class="contents msg4 cf">
        <p class="fl"><a href="##">银行卡</a>中国招商银行 &emsp; &emsp; &emsp;  <span>网银 </span>  &emsp; &emsp; <span>最近使用</span></p>
        <p class="fr msg01 cf">应付金额：<span>47.00</span></p>
        <p class=" msg041 cf"><a href="##"class="fr msg04">立即支付</a></p>
    </div>
     <!-- 主要内容5生成 -->
     <div class="contents msg5 cf">
        <p><a href="##">其他支付</a><span>以下方式由乐购支付提供</span></p>
        
    
    </div>
    <!-- 主要内容6生成 微信支付 | 中国移动支付 | 中国银联 | 外籍内卡 | 拉卡拉 | 预约支付卡 | 乐购钱包扫一扫-->
    <div class="contents msg6 cf">
        <p><a href="##">微信支付</a><a href="##">中国移动支付</a><a href="##">中国银联</a><a href="##">外籍内卡</a><a href="##">拉卡拉</a><a href="##">预约支付卡</a><a href="##">乐购钱包扫一扫</a></p>
        
    
    </div>
    <!-- 推广的底部广告 -->
    <div class="contents banner4">
       
                <a href="##"><img src="images/banner001.jpg"></a>
           
    </div>
     <!-- 广告下面的图标 -->
    <div class="banner2">
        <div class="contents banner3">
            <ul>
                <li>
                    <img src="images/ba01.png">
                </li>
                <li>
                    <img src="images/ba02.png">
                </li>
                <li>
                    <img src="images/ba03.png">
                </li>
                <li>
                    <img src="images/ba04.png">
                </li>
            </ul>
        </div>
    </div>
    <!-- 推广下面的底部广告 -->
    <div class="contents bannerlast cf" id="bannerlast">
        <ul>
            <li>
                <h4>购物指南</h4>
                <p>
                    <a href="###">购物流程</a>
                </p>
                <p>
                    <a href="###">发票制度</a>
                </p>
                <p>
                    <a href="###">账户管理</a>
                </p>
                <p>
                    <a href="###">会员优惠</a>
                </p>
            </li>
            <li>
                <h4>支付方式</h4>
                <p>
                    <a href="###">货到付款</a>
                </p>
                <p>
                    <a href="###">网上支付</a>
                </p>
                <p>
                    <a href="###">礼品卡支付</a>
                </p>
                <p>
                    <a href="###">银行转账</a>
                </p>
            </li>
            <li>
                <h4>订单服务</h4>
                <p>
                    <a href="###">订单配送查询</a>
                </p>
                <p>
                    <a href="###">订单状态说明</a>
                </p>
                <p>
                    <a href="###">自助取消订单</a>
                </p>
                <p>
                    <a href="###">自助修改订单</a>
                </p>
            </li>
            <li>
                <h4>退换货服务</h4>
                <p>
                    <a href="###">退换货政策</a>
                </p>
                <p>
                    <a href="###">自助申请退换货</a>
                </p>
                <p>
                    <a href="###">退换货进度查询</a>
                </p>
                <p>
                    <a href="###">退款方式和时间</a>
                </p>
            </li>
            <li>
                <h4>商家服务</h4>
                <p>
                    <a href="###">商家中心</a>
                </p>
                <p>
                    <a href="###">运营服务中心</a>
                </p>
                <p>
                    <a href="###">加入尾品汇</a>
                </p>
            </li>
            <li>
                <img src="images/d01.jpg">
            </li>


        </ul>
    </div>
    <!-- 页面的底部页脚 -->
    <div class="contents lfot" id="lfot">
        <p class="lik">
            <a href="###" class="lf1">公司简介</a>
            <a href="###">Investor Relations</a>
            <a href="###">网址联盟</a>
            <a href="###">乐购招商</a>
            <a href="###">机构销售</a>
            <a href="###">手机乐购</a>
            <a href="###">官方Blog</a>
            <a href="###">热词搜索</a>
        </p>
        <p>Copyright &copy; 乐购网 2014-2016, All rights reserved </p>
    </div>
   <!-- 页面的左边导航 -->
    
      <!-- 页面的右边导航 -->
      





    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>

   
    <script src="js/cashier.js"></script>
    
    

    <!-- 4. 引入当前页面js文件 -->
    
   
</body>

</html>